import {
  updatePicture
} from "../../api/user.js"
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    avatarUrl: '',
    width: 250, //宽度
    height: 250, //高度
    max_width: 300,
    max_height: 300,
    HEADER:{
      'content-type': 'multipart/form-data'
    },
  },
  cropperload(e) {
    console.log("cropper初始化完成");
  },
  loadimage(e) {
    console.log("图片加载完成", e.detail);
    wx.hideLoading();
    //重置图片角度、缩放、位置
    this.cropper.imgReset();
  },
  clickcut(e) {
    console.log(e.detail);
    //点击裁剪框阅览图片
    wx.previewImage({
      current: e.detail.url, // 当前显示图片的http链接
      urls: [e.detail.url] // 需要预览的图片http链接列表
    })
  },
  chooseImg(){
    let that = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success(res) {
        wx.showLoading({
          title: '加载中',
        })
        const tempFilePaths = res.tempFilePaths[0];
        //重置图片角度、缩放、位置
        that.cropper.imgReset();
        that.setData({
          avatarUrl: tempFilePaths
        });
      }
    })
  },
  upload() {
    this.chooseImg()
  },
  submit() {
    wx.showLoading({
      title: '上传中',
    })
    setTimeout(function () {
      wx.hideLoading()
    }, 5000)
    this.cropper.getImg((obj) => {
      var header = JSON.parse(JSON.stringify(this.data.HEADER))
      if (getApp().globalData.token){
        header['Authorization'] = 'Bearer ' + getApp().globalData.token;
      }
      wx.uploadFile({
        filePath: obj.url,
        name: 'file',
        header:header,
        url: app.globalData.$https + '/mini/api/ucenter/updatepicture',
        success: function (res) {
          var myres = JSON.parse(res.data)
          if(myres.code == 200){
            wx.hideLoading()
            wx.showToast({
            title: '保存成功！',
            icon: 'none',
            success: function () {
              setTimeout(function () {
                wx.navigateBack({
                  delta: 2,
                })
              }, 2000);
            }
          })
          }
        }
      })
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.cropper = this.selectComponent("#image-cropper");
    this.setData({
      avatarUrl: options.imgSrc
    });
    if (!options.imgSrc) {
      this.cropper.upload(); //上传图片
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})